<!DOCTYPE html>
<html lang="zh-CN" class="html">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <link rel="shortcut icon" type="image/x-icon" href="<%= BASE_URL %>static/logo.png">
    <script>
        var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
        document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')
    </script>
    <link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css"/>
</head>
<body style="background-color: #864a30;font-size: 0.14rem">
<noscript>
    <strong>本站点必须要开启JavaScript才能运行.</strong>
</noscript>
<div id="app"></div>
</html>

<script>


     // !(function (win, doc) {
     //     function setFontSize() {
     //         // 获取window 宽度
     //         var winWidth = window.innerWidth;
     //         // 750 是设计稿的宽度，100 是需要转换的比例
     //         // 即如果在 750 宽度设计稿下，1rem = 100px
     //         if (window.innerWidth < 768) {
     //             doc.documentElement.style.fontSize = (winWidth / 750) * 100 + 'px';
     //         } else if (window.innerWidth > 767) {
     //             doc.documentElement.style.fontSize = 85.3333 + 'px';
     //         }
     //     }
     //     var evt = 'onorientationchange' in win ? 'orientationchange' : 'resize';
     //     var timer = null;
     //     win.addEventListener(evt, function () {
     //         clearTimeout(timer);
     //         timer = setTimeout(setFontSize, 300);
     //     }, false);
     //     win.addEventListener("pageshow", function (e) {
     //         if (e.persisted) {
     //             clearTimeout(timer);
     //             timer = setTimeout(setFontSize, 300);
     //         }
     //     }, false);
     //     //初始化
     //     setFontSize();
     // }(window, document));
</script>
<style>
    .html {
        max-width: 640px;
        margin: 0 auto;
        background-color: #864a30;
    }

    @media only screen and (min-width: 320px) and (max-width: 640px) {
        .html {
            font-size: 26.6666vw;
        }
    }

    /*@media (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {*/
    /*    body {*/
    /*        font-size: .155rem!important;*/
    /*    }*/
    /*}*/
    /*@media (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {*/
    /*    body {*/
    /*        font-size: .145rem;*/
    /*    }*/
    /*}*/
    @media only screen and (min-width: 640px) {
        html {
            font-size: 170.6666px;
        }
    }
</style>
